.box {
    width: 100%;
    height: 100%;
    // position: relative;
}
.mmm{
    position:fixed;
    width: 100%;
}
.ppp {
    width: 100%;
    height: 300px;
    // background: #ccc;
    margin-bottom: 10px;
}

.lll {
    width: 100%;
    height: 5px;
    background: #ccc;
}

.aaa {
    width: 100%;
    height: 160px;
    // background: #ccc;
    margin-bottom: 10px;
}

.aaa h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #f09b09;
}

.aaa1 {
    width: 90%;
    height: 60px;
    border: 1px solid #f09b09;
    background: #f5eee1;
    border-radius: 5px;
    margin-top: -8px;
    margin-left: 2.5%;
}
p {
    margin-top: 5px;
    margin-left: 5px;
}

.one {
    color: #f09b09;
}
.two{
    color: #8f8d8d;
    font-size: 11px;
}

.aaa2 {
    display: flex;
    width: 90%;
    height: 60px;
    // border: 1px solid #f09b09;
    // background: #ebdfca;
    margin-left: 2.5%;
    margin-top: 5px;
}

.left {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #f09b09;
    background: #f5eee1;
    border-radius: 5px;
}
.right {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #f09b09;
    background: #f5eee1;
    border-radius: 5px;
}

.bbb {
    width: 100%;
    height: 160px;
    // background: #ccc;
    margin-bottom: 10px;
}

.one1 {
    color: #00f;
}
.bbb h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #1f8bd8;
}

.bbb1 {
    display: flex;
    width: 90%;
    height: 60px;
    border-radius: 5px;
    margin-top: -8px;
    margin-left: 2.5%;
}
.bbb2 {
    display: flex;
    width: 90%;
    height: 60px;
    margin-left: 2.5%;
    margin-top: 5px;
}

.left1  {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #1f8bd8;
    background: #b7d0f8;
    border-radius: 5px;
}
.right1 {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #1f8bd8;
    background: #b7d0f8;
    border-radius: 5px;
}
.ccc {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.ccc h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #f00;
}
.ccc1 {
    width: 90%;
    height: 60px;
    border: 1px solid #f00;
    background: #f1adad;
    border-radius: 5px;
    margin-top: -8px;
    margin-left: 2.5%;
}
.one2{
    color: #f00;
}

.ggg {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.ggg h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #00f;
}
.ggg1 {
    width: 90%;
    height: 60px;
    border: 1px solid #00f;
    background: #b7d0f8;
    border-radius: 5px;
    margin-top: -8px;
    margin-left: 2.5%;
}
.one3{
    color: #00f;
}
.hhh{
    position: sticky;
    bottom: 1px;
    left: 30%;
}
.hhh button{
    width: 40%;
    height: 40px;
    margin-left: 30%;
    background: #00f;
    color: #fff;
    border-radius: 5px;
    border: none;
}.box {
    width: 100%;
    height: 100%;
    // position: relative;
}
.mmm{
    position:fixed;
    width: 100%;
}
.ppp {
    width: 100%;
    height: 300px;
    // background: #ccc;
    margin-bottom: 10px;
}

.lll {
    width: 100%;
    height: 5px;
    background: #ccc;
}

.aaa {
    width: 100%;
    height: 160px;
    // background: #ccc;
    margin-bottom: 10px;
}

.aaa h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #f09b09;
}

.aaa1 {
    width: 90%;
    height: 60px;
    border: 1px solid #f09b09;
    background: #f5eee1;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 2.5%;
}
p {
    margin-top: 5px;
    margin-left: 5px;
}

.one {
    color: #f09b09;
}
.two{
    color: #8f8d8d;
    font-size: 11px;
}

.aaa2 {
    display: flex;
    width: 90%;
    height: 60px;
    margin-left: 2.5%;
    margin-top: 5px;
}

.left {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #f09b09;
    background: #f5eee1;
    border-radius: 5px;
}
.right {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #f09b09;
    background: #f5eee1;
    border-radius: 5px;
}

.bbb {
    width: 100%;
    height: 160px;
    margin-bottom: 10px;
}

.one1 {
    color: #00f;
}
.bbb h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #1f8bd8;
}

.bbb1 {
    display: flex;
    width: 90%;
    height: 60px;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 2.5%;
}
.bbb2 {
    display: flex;
    width: 90%;
    height: 60px;
    margin-left: 2.5%;
    margin-top: 5px;
}

.left1  {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #1f8bd8;
    background: #b7d0f8;
    border-radius: 5px;
}
.right1 {
    flex: 1;
    width: 50%;
    height: 100%;
    border: 1px solid #1f8bd8;
    background: #b7d0f8;
    border-radius: 5px;
}
.ccc {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.ccc h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #f00;
}
.ccc1 {
    width: 90%;
    height: 60px;
    border: 1px solid #f00;
    background: #f1adad;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 2.5%;
}
.one2{
    color: #f00;
}

.ggg {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.ggg h4 {
    width: 100%;
    height: 15px;
    border-left: 5px solid #00f;
}
.ggg1 {
    width: 90%;
    height: 60px;
    border: 1px solid #00f;
    background: #b7d0f8;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 2.5%;
}
.one3{
    color: #00f;
}
.hhh{
    position: sticky;
    bottom: 1px;
    left: 30%;
}
.hhh button{
    width: 40%;
    height: 40px;
    margin-left: 30%;
    background: #00f;
    color: #fff;
    border-radius: 5px;
    border: none;
}